<template>
	<layout>
		<custom-header title="分类"></custom-header>
		<div class="classify-list">
			<template v-for="(item,index) in classifyList" :key="item._id">
				<theme-item :item="item" />
			</template>
		</div>
	</layout>
</template>

<script setup>
import { apiGetClassify } from '@/service/apis';

const classifyList = ref([]);	// 分类列表
const getClassify = async()=>{
	const res = await apiGetClassify({
		pageNum:1,
		pageSize:100
	})
	classifyList.value = res
}
onMounted(() => {
	getClassify()
})
onShareAppMessage({
	
})
onShareTimeline({
	
})
</script>

<style lang="scss" scoped>
.classify-list {
	display: grid;
	gap: 5px;
	grid-template-columns: repeat(3, 1fr);
	padding: 5px;
}
</style>
